<h2 class="title">活动点评详情</h2>

<div class="dianp-con">
    <div class="line fix">
        <span class="left">活动名称</span>
        <span class="right"><{$data.name}></span>
    </div>

    <div class="line fix">
        <span class="left">活动有效期</span>
        <span class="right"><{$data.startDay}>－<{$data.stopDay}></span>
    </div>

    <div class="zongt fix">
        <span class="left">总体情况</span>
        <div class="right">
            <p class="pingf">
                <span class="txt">平均评分</span>
                <img src="/resource/www/imgs/score_<{$data.avg|floor}>.png" alt="" class="stars">
                <span class="fen">(<{$data.avg}>分)</span>
            </p>
            <div class="fenb fix">
                <span class="txt">评分分布</span>
                <ul class="box">
                    <li class="li">
                        <span class="info">0-3分</span>
                        <div class="wrap-t">
                            <em class="tiao1" style="width: <{$data.sc3/$data.count*100}>%;"></em>
                        </div>
                        <span class="info"><{$data.sc3}>人评分</span>
                    </li>
                    <li class="li">
                        <span class="info">3-4分</span>
                        <div class="wrap-t">
                            <em class="tiao2" style="width: <{$data.sc4/$data.count*100}>%;"></em>
                        </div>
                        <span class="info"><{$data.sc4}>人评分</span>
                    </li>
                    <li class="li">
                        <span class="info">4-5分</span>
                        <div class="wrap-t">
                            <em class="tiao3" style="width: <{$data.sc5/$data.count*100}>%;"></em>
                        </div>
                        <span class="info"><{$data.sc5}>人评分</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="des">
        <p class="prompt">评价详情</p>
        <{foreach from=$data.detail item=v}>

        <div class="head fix">
            <img src="<{$v.userIcon}>" class="img">
            <div class="right">
                <p class="userinfo"><span class="name"><{$v.nickname}></span><strong class="strong"> 出行人数共<{$v.persons}>人 </strong>
                    评分日期：<{$v.created}></p>
                <p class="fens">
                    <img src="/resource/www/imgs/score_<{$v.track_score|floor}>.png" class="stars">  (<{$v.track_score}>分)
                </p>
            </div>
        </div>

        <p class="shuom">
            <{$v.comments}>
        </p>

        <ul class="imglist fix">
            <{foreach from=$v.tourist_pic item=pic}>
            <li class="li"><img src="<{$pic}>" class="img"></li>
            <{/foreach}>
        </ul>

        <{/foreach}>
    </div>
</div>


<script>

    $('.dianping').addClass('active');
    $('.activity_common').addClass('mactive');
    $('.down-menu').eq(4).show();

</script>
